<!DOCTYPE html>
<html lang="en">
    <head>
        <title>css阻塞</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script>
          document.addEventListener('DOMContentLoaded', () => {
            var p = document.querySelector('p')
      
            console.log(p)
          })
        </script>
    </head>

    <body>
        <script>
          const p = document.querySelector('p')
      
          console.log(p)
      
          for (var i = 0, arr = []; i < 100000000; i++) {
            arr.push(i)
          }
        </script>
        <p>hello world</p>
    </body>
</html>